<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数组的操作</title>
</head>
<body>
<!--
   数组对象  -->


<script>

    var arr = new Array()
    // 添加元素到数组  index

    // arr[0] = 1
    // arr[1] = 2
    // arr[2] = 3

    //  push()  向数组尾部追加元素
    arr.push(1);
    arr.push(2);
    arr.push(3);
    arr.push(4);
    arr.push(5);
    arr.push(6);

    console.table(arr)

    // 向数组的头部添加元素
    arr.unshift(0)
    arr.unshift(-1)
    console.table(arr)

    // 删除数组中尾部的数据      -1  0  1  2  3     pop()    返回值  删除的数据
    console.log("---------------------------pop()-----------------------")
    var pop = arr.pop();
    console.log("pop=" + pop)
    console.table(arr)

    //删除数组头部数据         -1  0  1  2   shift()  返回值    删除的头部数据
    console.log("--------------------------shift()------------------------")
    var shift = arr.shift()
    console.log("shift=" + shift)
    console.table(arr)

    //删除数组中任意位置的值  [ 0 , 1 , 2 ,3 ,4 ,5]
    // splice(start,number)  start: 删除元素的起始位置  index     number：删除元素的个数
    // 返回值      以数组的形式将删除的元素返回
    // console.log("--------------------------splice()------------------------")
    // var splice = arr.splice(2, 3);
    // console.table(splice)
    // console.table(arr)

    // console.log("--------------------------splice()------------------------")
    // var splice = arr.splice(2, 3, 20, 30, 40, 50);
    // console.table(splice)
    // console.table(arr)

    console.log("--------------------------splice()------------------------")

    //  1 -> 10

    // var splice = arr.splice(1, 1, 10);
    // console.table(splice)
    // console.table(arr)

    arr[1] = 10
    console.table(arr)

</script>


</body>
</html>